<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>首页</title>
    <script src="js/viewport.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/home.css">
</head>

<body>
    <!-- 头部 -->
    <header class="home-header">
        <!-- 未登录状态 -->
        <div class="not-logged-in hide" id="notLoggedIn">
            <p class="logo">
                <img src="images/home/logo-white.png" />
            </p>
            <p class="login">
                <a href="login.html">直接登录</a>
            </p>
            <p class="reg">
                <a href="#">立即注册</a>
            </p>
        </div>
        <!-- 已登录状态 -->
        <div class="logged-in hide" id="loggedIn">
            <!-- 顶部条 -->
            <div class="topbar">
                <!-- 头像 -->
                <a href="#" class="avatar"><img src="" id="avatar" /></a>
                <!-- 消息 -->
                <a href="msg.html" class="msg"></a>
            </div>
            <!-- 姓名 -->
            <p class="name" id="name"></p>
            <!-- 总资产 -->
            <div class="total-assets">
                <p>总资产 <a href="#" class="eye" id="eye"></a></p>
                <h3 id="total"></h3>
            </div>
            <!-- 积分 -->
            <ul class="scores">
                <li>
                    <h4>财富分</h4>
                    <p id="wealth"></p>
                </li>
                <li>
                    <h4>信用分</h4>
                    <p id="credit"></p>
                </li>
                <li>
                    <h4>积分</h4>
                    <p id="score"></p>
                </li>
            </ul>
            <!-- 功能图标 -->
            <ul class="icons">
                <li class="home"><a href="#"></a></li>
                <li class="car"><a href="#"></a></li>
                <li class="wallet"><a href="#"></a></li>
                <li class="friends"><a href="#"></a></li>
            </ul>
        </div>
    </header>
    <!-- 资讯 -->
    <div class="info-list">
        <!-- Banner -->
        <div class="banner" id="adv"><a href="#"><img src="#" /></a></div>
        <h3>推荐精选<a href="info-list.html"><i></i></a></h3>
        <ul id="infoList">
            <li>
                <div class="pic" style="background-image: url(temp/info/1.jpg);"></div>
                <h4>陆金所注册用户破千万 平台化布</h4>
                <p>本报记者从陆金所处获悉...</p>
                <p class="author">陆金所</p>
            </li>
            <li>
                <h4>明日股市猜想：资金出逃 大盘继续下行寻求支撑</h4>
                <p>从上周五到今日，全球股市出现集体大跌。针对于此，部分国家和地区今日陆续发布相关措施和言论，对股市下跌表示关注表示关...</p>
                <p class="author">基金产品</p>
            </li>
        </ul>
    </div>
    <!-- 底部导航栏 -->
    <nav class="app-navbar">
        <ul>
            <li class="app-navbar-home active">
                <i></i>
                <span>首页</span>
            </li>
            <li class="app-navbar-bank">
                <i></i>
                <span>银行</span>
            </li>
            <li class="app-navbar-financing">
                <i></i>
                <span>理财</span>
            </li>
            <li class="app-navbar-live">
                <i></i>
                <span>生活</span>
            </li>
            <li class="app-navbar-credit">
                <i></i>
                <span>信用</span>
            </li>
        </ul>
    </nav>
    <script src="libs/zepto.min.js"></script>
    <script src="libs/touch.js"></script>
    <script src="js/common.js"></script>
    <script src="js/home.js"></script>
    <script src="js/info.js"></script>
    <script>
    getHotInfo();
    </script>
</body>

</html>